<main>
    <header>
        <div class="isFixed">
            <van-row class="custom-search-wrap">
                <van-search class="custom-search-input" placeholder="搜索商品, 共121099款好物" to="search" />
            </van-row>
        </div>
    </header>

    <section class="custom-classify-wrap">
        <div class="custom-classify-left">
            <ul class="custom-menu-list">
                <li v-for="(title, index) in modTitle" :key="index" :class="{active: index === isActive}"
                    @click="changeActive(index)">{{title}}</li>
            </ul>
        </div>
        <div class="custom-classify-right">
            <div class="banner" :style="{ backgroundImage: 'url(' + banner +')' }"></div>
            <div class="content">
                <div class="mod-hd"><span class="mod-tit">{{modTitle[isActive]}}</span></div>
                <div class="mod-bd">
                    <ul class="flex-block-3">
                        <router-link :to="{path:'/classifyDetail',query:{list:title[isActive]}}"
                            v-for="(good, index) in goods" :key="index" tag="li">
                            <img :src="good.pic" alt="">
                            <p>{{good.title}}</p>
                        </router-link>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <Footer></Footer>
</main>